<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<div>
			<input type="file" id="fileInput" style="display: none;" /> <!-- 隐藏的文件上传输入框 -->
			<button id="uploadButton">选择文件</button> <!-- 触发文件上传的按钮 -->
		</div>
		
		<script>
			var uploadButton = document.getElementById("uploadButton");
			var fileInput = document.getElementById("fileInput");
			
			uploadButton.addEventListener("click", function() {
			  fileInput.click(); // 触发隐藏的文件上传输入框的点击事件
			});
			
			fileInput.addEventListener("change", function() {
			  var file = fileInput.files[0]; // 获取选择的文件
			
			  // 执行上传操作，可以通过XMLHttpRequest或其他方式发送文件到服务器
			  // 这里只是一个演示，没有实际上传到服务器
			  console.log("文件名:", file.name);
			  console.log("文件大小:", file.size);
			  console.log("文件类型:", file.type);
			});
		</script>
	</body>
</html>